<template>
	<view class="page_box">
		<u-navbar :is-back="true" title="我的合同" v-if="1" :border-bottom="false"></u-navbar>

		<view class="content_box ">
			<view class="content-item page-padding-bottom">
				<view class="title flex justify-between">
					<text>合同金额：</text>
					<view class="tag-btn">
						<text class="text-price text">15235.00</text>
					</view>
				</view>
				<view class="htimg-box img-box">					
					<image src="https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/bj.png" mode="aspectFill" class="img"></image>
				</view>
				<view class="htimg-box img-box">
					<image src="https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/bj.png" mode="aspectFill" class="img"></image>
				</view>
				<view class="htimg-box img-box">
					<image src="https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/bj.png" mode="aspectFill" class="img"></image>
				</view>
			</view>
			<view class="content-item position-bottom">
				<view class="them-btn margin-none" @click="modal_show = true">确认合同</view>
			</view>
			
			<!-- 弹窗 -->
			<u-modal 
				v-model="modal_show" 
				:show-cancel-button="true" 
				title="确认合同" 
				content="是否确认此合同？"
				@confirm="confirm"
			>
			</u-modal>
		</view>

		<yy-login v-if="vuex_login"></yy-login>
		<yy-loading text="加载中.." mask="true" click="true" ref="loading"></yy-loading>
		<u-toast ref="uToast" />
	
	</view>
</template>

<script>
export default {
	data() {
		return {
			modal_show:false,
		};
	},
	onShow() {
		
	},
	onLoad(e) {},
	methods: {
		confirm(){
			console.log("确认成功")
		}
	}
};
</script>

<style lang="scss" scoped>
.page_box {

}

.content_box {
	.title{
		font-size: 30rpx;
		font-family: PingFang SC, PingFang SC-Bold;
		font-weight: 700;
		color: #232323;
		margin-bottom: 30rpx;
	}
	.tag-btn{
		background: #ffb81e36;
		border-radius: 38rpx;		
		text-align: center;
		padding: 10rpx 26rpx;
		.text{
			font-size: 30rpx;
			font-family: PingFang SC, PingFang SC-Bold;
			font-weight: 700;
			color: #c58d15;
		}
	}
	.img-box{
		overflow: hidden;
		border-radius: 20rpx;
		margin-bottom: 30rpx;	
		.img{
			width: 100%;
			height: 100%;
		}
	}
	.htimg-box{
		width: 100%;
		height: 400rpx;			
	}
}
</style>
